<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>精选系列</title>
    <link rel="stylesheet" href="css/style5.css">
    <link rel="shortcut icon" href="images/bitbug_favicon.ico" />
</head>

<body>
    <div class="nav">
        <div class="left1">
            <img src="images/left.png" alt="">
        </div>
        <div class="left2">
            <p>订阅品牌资讯</p>

        </div>
        <div class="middle1">
            <img src="images/logo1.png" alt="">

        </div>
        <div class="right">
            <ul>
                <li>门店/SPA</li>
                <li>登录/注册</li>
                <li>(0)</li>
            </ul>
        </div>
    </div>
    <div class="daohang">
            <li><a href="index.html">精华面霜</a></li>
            <li><a href="changxiaobangdan.html">畅销榜单</a></li>
            <li><a href="mianbuhuli.html">面部护理</a></li>
            <li><a href="xiuhudizhuang.html">修护底妆</a></li>
            <li><a href="zhenxiangtaozhuang.html">臻享套装</a></li>
            <li><a href="jingxuanxilie.html">精选系列</a></li>
            <li>臻享荟</a></li>
            <li>品牌探索</a></li>
    </div>
    <div class="header">
        <p>海蓝之谜618焕新盛典，官网限时满5000加赠绿色皮箱<a href="#" class="link link--secondary"> 了解更多 </a></p>
    </div>
    <div class="container">
        <div class="top">
        <img src="images/E1.png">
        </div>
    
        <div class="banner1">
            <div class="banner1-mini">
                <img src="images/q.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>Genaissance de la Mer The Concentrated Night Balm</h4>
                    <p>海蓝之谜鎏金焕颜夜间修护霜</p>
                    <p>奇迹入梦 逾夜新生</p>
                    <p>￥5700</p>
                </div>
            </div>
            <div class="banner1-mini">
                <img src="images/E(4).png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Genaissance de la Mer The Serum Essence</h4>
                    <p>海蓝之谜鎏金焕颜修护精华露 </p>
                    <p>奢润质地 鎏金呵宠</p>
                    <p>￥5800</p>
                </div>
            </div>
            <div class="banner1-mini">
                <img src="images/E（1）.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>Genaissance de la Mer The Eye & Expression Cream</h4>
                    <p>海蓝之谜鎏金焕颜赋活精华眼霜</p>
                    <p>焕亮双眸 留驻时光</p>
                    <p>￥3500</p>
                </div>
            </div>
        </div>
        <div class="top-1">
            <img src="images/E2.png">
        </div>
        <div class="banner2">
            <div class="banner2-mini">
                <img src="images/g.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>Cushion Compact SPF20</h4>
                    <p>海蓝之谜鎏光焕变气垫粉底液</p>
                    <p>奢润随行 鎏光此刻</p>
                    <p>￥1120 / 01号粉瓷色</p>
                </div>
            </div>
            <div class="banner2-mini">
                <img src="images/u.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Soft Fluid Long Wear Foundation SPF 20</h4>
                    <p>海蓝之谜鎏光焕变粉底液</p>
                    <p>水润奢养 鎏光此刻</p>
                    <p>￥1120 / 01号粉瓷白</p>
                </div>
            </div>
            <div class="banner2-mini">
                <img src="images/v.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Hydrating Illuminator </h4>
                    <p>海蓝之谜鎏光焕变妆前乳</p>
                    <p>奢润修护 提亮焕采</p>
                    <p>￥690</p>
                </div>
            </div>
        </div>
        <div class="middle">
            <img src="images/E3.png">
        </div>
        <div class="banner3">
            <div class="banner3-mini">
                <img src="images/g.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>Cushion Compact SPF20</h4>
                    <p>海蓝之谜鎏光焕变气垫粉底液</p>
                    <p>奢润随行 鎏光此刻</p>
                    <p>￥1120 / 01号粉瓷色</p>
                </div>
            </div>
            <div class="banner3-mini">
                <img src="images/y.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Powder Brush</h4>
                    <p>海蓝之谜鎏光焕变蜜粉扫</p>
                    <p>柔软触感 轻盈定妆</p>
                    <p>￥690</p>
                </div>
            </div>
        </div>
        <div class="bottom">
            <img src="images/E4.png">
        </div>
        <div class="banner4">
            <div class="banner4-mini">
                <img src="images/a.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Moisturizing Soft Cream</h4>
                    <p>海蓝之谜焕活精华乳霜</p>
                    <p>轻盈质地 触肤即融</p>
                    <p>￥850起 / 3种规格</p>
                </div>
            </div>
            <div class="banner4-mini">
                <img src="images/a.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Regenerating Serum</h4>
                    <p>海蓝之谜活颜焕肤精华露</p>
                    <p>活颜焕新 淡纹紧致</p>
                    <p>￥3150</p>
                </div>
            </div>
            <div class="banner4-mini">
                <img src="images/p.png" width="340" height="340" alt="" />
                <div class="qqqq">
                    <h4>The Renewal Oil</h4>
                    <p>海蓝之谜璀璨焕活精华油</p>
                    <p>柔润奢养 璀璨光采</p>
                    <p>￥2330</p>
                </div>
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="foot1">
            <div class="footer-1">
                <ul>
                    <li>购物指南</li>
                    <li>精华面霜</li>
                    <li>畅销榜单</li>
                    <li>臻享套装</li>
                    <li>全线产品</li>
                    <li>今日礼遇</li>
                </ul>
            </div>
            <div class="footer-2">
                <ul>
                    <li>客户服务</li>
                    <li>客户服务</li>
                    <li>运输和快递</li>
                    <li>退换货</li>
                    <li>查询店铺</li>
                </ul>
            </div>
            <div class="footer-3">
                <div class="footer-top">
                    <form action="mailto:2336775770@qq.com">
                        <table>
                            <caption>注册</caption>
                            <tr>
                                <td><input type="text" placeholder="手机号码"><label for="">发送</label></td>
                            </tr>
                            <tr>
                                <td><input type="text" placeholder="请输入验证码"></td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox" name="" id="" checked class="check">我同意接收来自LA
                                    MER海蓝之谜的广告信息（包括彩信和短信）。
                                </td>
                            </tr>
    
                            <tr>
                                <td>
                                    <button class="enter">
                                        提交
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    
        <div class="footer-min">
            <div class="min-top">
                <p>© La Mer Technology, Inc.</p>
            </div>
            <div class="min-top">
                <p>条款与条件&nbsp;隐私保护政策</p>
            </div> 
        </div>
        <div class="min-bottom">
            <p>沪ICP备08005263号</p>
            <img src="images/footer1.png">
            
            <p>沪公网安备31010602004735号</p>
            <img src="images/footer2.png">
        </div>
    </div>
   





    
    
    

</body>

</html>